<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>应用</title>
    <link rel="stylesheet" href="css/layui/layui.css">
    <link rel="stylesheet" href="css/changan.css">
    <link rel="stylesheet" href="css/jquery.paginate.css">
    <link rel="stylesheet" href="css/jquery.yhhDataTable.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.paginate.js"></script>
    <script type="text/javascript" src="js/jquery.yhhDataTable.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/index1.js"></script>
</head>
<body>
<div class="body">
    <section class="table-box">
        <section class="table-box-body">
            <main class="table_cont">
                <div class="table_cont_inner">
                    <div class="table-header">
                        <h2 class="table-h2">指令数据</h2>
                    </div>
                    <div class="table-body">
                        <div class="table-tapple">

                            <div class="table-card">
                                <div class="table-table">

                                    <div class="yhh-data-table-frame">
                                        <table id="testtable4" class="yhh-data-table end-view-btn">
                                            <colgroup>
                                                <col style="width: auto;">
                                                <col style="width: auto;">
                                                <col style="width: auto;">
                                                <col style="width: auto;">
                                            </colgroup>
                                            <thead>
                                            <tr>
                                                <th>委员会名称	</th>
                                                <th>区块链	</th>
                                                <th>创建时间	</th>
                                                <th>操作</th>

                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table>

                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

            </main>

        </section>
    </section>
</div>
<div class="dialog">
    <div class="table-dialog">
        <div class="table-dialog__header"><h3 class="table-dialog__headertitle">创建委员会页面</h3>
            <button class="table-btn table-btn--icon" type="button" aria-label="关闭"><i class="table-icon table-icon-close close1" role="img" aria-label="close"></i></button>
        </div>
        <div class="table-dialog__body">
            <div class="table-form">
                <div class="table-form__item">
                    <div class="table-form__label is-required">
                        <label>委员会名称</label>
                    </div>
                    <div class="table-form__controls"><input placeholder="请输入委员会名称" class="table-input size-full-width" name="OrgId" value=""></div>
                </div>

                <div class="table-form__item">
                    <div class="table-form__label is-required">
                        <label>区块链</label>
                    </div>
                    <div class="table-form__controls">
                        <select class="table-select size-full-width" placeholder="请选择" name="Algorithm">
                            <option disabled="" hidden="">请选择</option>
                            <option value="0">区块链</option>
                            <option value="1">区块链</option>
                            <option value="2">区块链</option>
                            <option value="3">区块链</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="table-dialog__footer">
            <div class="table-dialog__btnwrap">
                <button class="table-btn-btn weak-1">确定</button>
                <button class="table-btn-btn table-btn--weak weak-1">取消</button>
            </div>
        </div>
    </div>
</div>
<div class="dialog1">
    <div class="table-dialog">
        <div class="table-dialog__header"><h3 class="table-dialog__headertitle">添加投票策略页面</h3>
            <button class="table-btn table-btn--icon" type="button" aria-label="关闭"><i class="table-icon table-icon-close close2" role="img" aria-label="close"></i></button>
        </div>
        <div class="table-dialog__body">
            <div class="table-form">
                <div class="table-form__item">
                    <div class="table-form__label is-required">
                        <label>区块链</label>
                    </div>
                    <div class="table-form__controls">
                        <select class="table-select size-full-width" placeholder="请选择" name="Algorithm">
                            <option disabled="" hidden="">请选择</option>
                            <option value="0">区块链</option>
                            <option value="1">区块链</option>
                            <option value="2">区块链</option>
                            <option value="3">区块链</option>
                        </select>
                    </div>
                </div>
                <div class="table-form__item">
                    <div class="table-form__label is-required">
                        <label>投票内容</label>
                    </div>
                    <div class="table-form__controls">
                        <select class="table-select size-full-width" placeholder="请选择" name="Algorithm">
                            <option disabled="" hidden="">请选择</option>
                            <option value="0">投票内容</option>
                            <option value="1">投票内容</option>
                            <option value="2">投票内容</option>
                            <option value="3">投票内容</option>
                        </select>
                    </div>
                </div>
                <div class="table-form__item">
                    <div class="table-form__label is-required">
                        <label>阈值</label>
                    </div>
                    <div class="table-form__controls">
                        <select class="table-select size-full-width" placeholder="请选择" name="Algorithm">
                            <option disabled="" hidden="">请选择</option>
                            <option value="0">阈值</option>
                            <option value="1">阈值</option>
                            <option value="2">阈值</option>
                            <option value="3">阈值</option>
                        </select>
                    </div>
                </div>
                <div class="table-form__item">
                    <div class="table-form__label is-required">
                        <label>组织</label>
                    </div>
                    <div class="table-form__controls">
                        <select class="table-select size-full-width" placeholder="请选择" name="Algorithm">
                            <option disabled="" hidden="">请选择</option>
                            <option value="0">组织</option>
                            <option value="1">组织</option>
                            <option value="2">组织</option>
                            <option value="3">组织</option>
                        </select>
                    </div>
                </div>
                <div class="table-form__item">
                    <div class="table-form__label is-required">
                        <label>角色</label>
                    </div>
                    <div class="table-form__controls">
                        <select class="table-select size-full-width" placeholder="请选择" name="Algorithm">
                            <option disabled="" hidden="">请选择</option>
                            <option value="0">角色</option>
                            <option value="1">角色</option>
                            <option value="2">角色</option>
                            <option value="3">角色</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
        <div class="table-dialog__footer">
            <div class="table-dialog__btnwrap">
                <button class="table-btn-btn weak-2" >确定</button>
                <button class="table-btn-btn table-btn--weak weak-2">取消</button>
            </div>
        </div>
    </div>
</div>

<script>
    $('.dialog1btn').click(function() {
        $('.dialog').show();
    });
    $('.close1').click(function() {
        $('.dialog').hide();
    });
    $('.dialog2btn').click(function() {
        $('.dialog1').show();
    });
    $('.close2').click(function() {
        $('.dialog1').hide();
    });
    $('.weak-1').click(function() {
        $('.dialog').hide();
    });
    $('.weak-2').click(function() {
        $('.dialog1').hide();
    });
</script>
</body>
</html>
